{extend name='extra@admin/content'}

{block name="content"}

<ul class="block-list">
    <li style="background-color:#009688;">
        <p class="title">会员数量</p>
        <p class="font-s18">{$all_member}</p>
    </li>
    <li style="background-color:#5FB878;">
        <p class="title">本月新增会员</p>
        <p class="font-s18">{$month_member}</p>
    </li>
    <li style="background-color:#393D49;">
        <p class="title">本月线上订单</p>
        <p class="font-s18">{$month_online_order}</p>
    </li>
    <li style="background-color:#1E9FFF;">
        <p class="title">本月线下订单</p>
        <p class="font-s18">{$month_underline_amount}</p>
    </li>
    <li style="background-color:#FFB800;">
        <p class="title">交易数量</p>
        <p class="font-s18">{$all_order}</p>
    </li>
    <li style="background-color:#FF5722;">
        <p class="title">总交易额</p>
        <p class="font-s18">{$all_amount}</p>
    </li>

</ul>

<iframe src="{:url('Index/online_order')}" style="width: 600px;height:450px;" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”yes” allowtransparency=”yes”></iframe>&nbsp;&nbsp;
<iframe src="{:url('Index/underline_order')}" style="width: 600px;height:450px;" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”yes” allowtransparency=”yes”></iframe>&nbsp;&nbsp;
<iframe src="{:url('Index/new_member')}" style="width: 600px;height:450px;" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”yes” allowtransparency=”yes”></iframe>&nbsp;&nbsp;
<iframe src="{:url('Index/store_order')}" style="width: 600px;height:450px;" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”yes” allowtransparency=”yes”></iframe>&nbsp;&nbsp;


{/block}

{block name='style'}
<style>
    .block-list {
        font-size: 0;
    }
    .block-list li {
        color: #fff;
        width: 180px;
        font-size: 14px;
        line-height: 22px;
        margin-right: 20px;
        padding: 20px 10px;
        text-align: center;
        border-radius: 2px;
        margin-bottom: 20px;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: middle;
    }
    .block-list .title {
        font-weight: 700;
    }
</style>
{/block}
{block name="script"}
{/block}
